.center {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999999;
}
.block-loading {
  @extend .center;
  .block-loading-box {
    @extend .center;
    margin: auto;
    width: 150px;
    height: 150px;
    display: flex;
    flex-wrap: wrap;
    .block-loading-item {
      box-sizing: border-box;
      border: .5px solid #fff;
      width: 50px;
      height: 50px;
      background-color: #29f1fa;
      animation: block-loading-animation 1.2s infinite ease;
      &:nth-child(2) {
        animation-delay: 0.1s;
      }
      &:nth-child(3) {
        animation-delay: 0.2s;
      }
      &:nth-child(4) {
        animation-delay: 0.1s;
      }
      &:nth-child(5) {
        animation-delay: 0.2s;
      }
      &:nth-child(6) {
        animation-delay: 0.3s;
      }
      &:nth-child(7) {
        animation-delay: 0.2s;
      }
      &:nth-child(8) {
        animation-delay: 0.3s;
      }
      &:nth-child(9) {
        animation-delay: 0.4s;
      }
    }
  }
}
@keyframes block-loading-animation {
  0%,
  70%,
  100% {
      transform: scale3D(1, 1, 1);
  }
  35% {
      transform: scale3D(0, 0, 1);
  }
}